<template>
    <span>
        <span>苹果 单价：{{price}}</span>
        <button @click="sub">-</button>
        <span :msg="msg">{{msg}}</span>
        <button @click="add">+</button>
        <h1>折扣：{{disCount}}</h1>
        <h1>总价：{{totalPrice}}</h1>
    </span>
</template>

<script>
export default {
    // props:[
    //   "msg"
    // ],
    data(){
        return{
            msg:0,
            // totalPrice:0,
            price:66,
            // totalPrice:0,
            disCount:0.5
        }
    },
    methods:{
        add(){
            this.msg++
        },
        sub(){
            if(this.msg>0){
                this.msg--
            }
        },
    },
    // watch:{
    //     msg(val){
    //         this.totalPrice = this.price * val * this.disCount
    //     }
    // },
    computed:{
        totalPrice(){
            return (this.msg * this.price * this.disCount).toFixed(2)
        }
    }
}
</script>